<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <!--引入本地的css样式-->
  <link rel="stylesheet" href="../../static/layui/css/layui.css" media="all">
  <link rel="stylesheet" href="../../static/css/admin.css" media="all">
</head>
<body>

<div class="layui-fluid">
  <div class="layui-card">
    <!--搜索框-->
    <!--搜索框-->
    <div class="layui-card-body">
      <!--头部工具栏 id="toolbarDemo" lay-event="事件名"-->
      <script type="text/html" id="toolbarDemo">
        <div class="layui-btn-container">
          <!-- lay-event 给元素绑定事件名 -->
          <button class="layui-btn layuiadmin-btn-admin" lay-event="back">
            返回
          </button>
        </div>
      </script>

      <!--数据表格-->
      <table class="layui-hide" id="LAY-order-back-manage" lay-filter="LAY-order-back-manage"></table>

    </div>
  </div>
</div>

<script src="../../static/js/jquery-3.6.0.min.js"></script>
<!--引入本地layui.js-->
<script src="../../static/layui/layui.js"></script>
<!--js-->
<script type="text/javascript">
    layui.config({
        base: '../../static/layui/layuiadmin/' //静态资源所在路径js
    }).extend({
        index: 'lib/index' //主入口模块
    }).use('index');
</script>


<script type="text/javascript">
    layui.use(['table','form'],function () {
        var table = layui.table;
        var form = layui.form;
        //表格方法渲染：把数据查询显示在数据表格中
        table.render({
            elem: '#LAY-order-back-manage',//绑定在哪一个table表中,#id值
            url: '/customerValue/showOrder',//绑定servlet路径
            title: '客户订单信息表',//标题
            toolbar:'#toolbarDemo',//头部工具栏
            cols: [[
                //设置复选框列
                // {type: 'checkbox', fixed: 'left'},
                //设置表头
                {field: 'id', title: 'ID', fixed: 'left', unresize: true, sort: true, width: 80},
                {field: 'order_id', title: '订单编号'},
                {field: 'name', title: '客户姓名'},
                {field: 'goods_name', title: '商品名称', templet: '#sexTpl'},
                {field: 'model', title: '商品型号'},
                {field: 'money', title: '金额'},
                {field: 'num', title: '数量'},
                {field: 'time', title: '下单时间'},
                {field: 'status_shouhuo', title: '收货状态'},
                //侧边工具栏/行工具
                // {title:'操作',fixed:'right',toolbar:'#barDemo',width:180}
            ]],
            where:{"customer_name":sessionStorage.getItem("customer_name")},
            page: true,
            limits: [5, 10, 15, 20]
        })

        // 监听头部工具栏
        table.on('toolbar(LAY-order-back-manage)',function (obj){
            var checkStatus = table.checkStatus(obj.config.id);
            switch (obj.event){
                case 'back':
                    window.location.href = "customer_value.html";
                    break;
                // case 'add_customer':
                //     layer.open({
                //         type:2,//iframe层
                //         title:'添加房产信息',
                //         content:'add.html',//展示编辑页面
                //         area:['700px','550px'],
                //         maxmin:true,
                //         btn:['确定','取消'],
                //         yes:function (index, layero){
                //             //应该把edit.html页面表单的数据提交给服务器
                //             //在当前页面-list.html获取iframe层-edit.html的DOM-form表单
                //             var body = layer.getChildFrame('body', index);
                //             //获取edit.html页面中所有表单的数据
                //             var submitData = body.find("#myform").serialize();//serialize()只能序列化表单中文本
                //             //发起Ajax请求
                //             $.ajax({
                //                 url:"/customer/add",
                //                 type:"post",
                //                 data:submitData,
                //                 dataType: "json",
                //                 success:function (res){
                //                     if(res.code==200){
                //                         layer.msg(res.msg,{
                //                             offset:'15px',
                //                             icon:1,
                //                             time:1000
                //                         },function (){
                //                             //刷新
                //                             window.location.reload();
                //                         })
                //                     }
                //                     if(res.code==500){
                //                         layer.msg(res.msg,{
                //                             offset:'15px',
                //                             icon:1,
                //                             time:1000
                //                         },function (){
                //                             //刷新
                //                             window.location.reload();
                //                         })
                //                     }
                //                     layer.close(index);//关闭弹层
                //                 }
                //             })
                //         }
                //     })
                //     break;
            }
        })
    })
</script>
</body>
</html>